body {
	margin: 0px;
}

#box {
	margin: 0px auto;
	width: 1025px;
	/* border: 1px solid black; */
	height: 620px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: rgb(237, 239, 245);
}

#box_left {
	width: 400px;
	/* border: 1px solid black; */
	height: 600px;
	float: left;
	margin: 0px auto;
	margin-right: 21px;

}

#box_right {
	width: 500px;
	/* border: 1px solid black; */
	height: 500px;
	float: left;
	margin: 0px auto;
}

#thing {
	width: 400px;
	height: 100px;
	/* border: 1px solid black; */
	margin-bottom: 10px;
}

#thing div {
	text-align: center;
	width: 133px;
	height: 90px;
	/* border: 1px solid black; */
	float: left;
	padding-top: 10px;
	color: white;

}

#thing img {
	width: 70px;
	height: 70px;
	display: block;
	margin-bottom: 5px;
	margin: 0px auto;

}

#thing #div1 {
	background-color: rgb(80, 147, 255);
}

#thing #div2 {
	background-color: rgb(99, 163, 238);
}

#thing #div3 {
	background-color: rgb(129, 185, 251);
}

#worker_message {
	width: 400px;
	height: 250px;
	/* border: 1px solid black; */
	margin-bottom: 10px;
}

#worker_message span {
	display: block;
	width: 390px;
	height: 25px;
	background-color: white;
	padding-left: 10px;
}

#worker-message #table1,
td {
	/* border: 1px solid black; */
	text-align: center;
	line-height: 55px;
	vertical-align: middle;
	background-color: white;
}

#worker_message img {
	width: 50px;
	height: 50px;
	margin-right: 20px;
}

#worker_change {
	width: 400px;
	height: 226px;
	/* border: 1px solid black; */
}

#worker_change #title2 {
	display: block;
	width: 390px;
	height: 25px;
	background-color: white;
	padding-left: 10px;
	margin-bottom: 3px;
}

#worker_change div {
	width: 378px;
	height: 63px;
	/* border: 1px solid black; */
	padding-left: 20px;
	background-color: white;
	margin-bottom: 3px;
	padding-top: 3px;


}

#worker_change img {
	width: 40px;
	height: 40px;
	margin-right: 20px;
}

#worker_change p {
	display: inline;
	float: right;
	margin: 0px;
	color: rgb(186, 186, 186);


}

#worker_change span {
	color: rgb(150, 185, 243);
}

#time {
	width: 600px;
	height: 40px;
	/* border: 1px solid black; */
	margin-bottom: 10px;
}

#time #select {
	width: 120px;
	height: 40px;
	border: 1px solid rgb(186, 186, 186);
	text-align: center;
	font-size: 16px;
	padding-left: 20px
}


#proportion {
	width: 600px;
	height: 130px;
	/* border: 1px solid black; */

	margin: 0px auto;
	background-color: white;
	margin-bottom: 10px;
	margin-top: 20px;
}

#proportion div {
	width: 150px;
	height: 100px;
	float: left;
	/* margin-left: 20px; */
	padding-top: 10px;
	text-align: center;

}

#proportion img {
	width: 80px;
	height: 80px;
	display: block;

	margin: 0px auto;
	margin-bottom: 10px;
}

#histogram {
	width: 600px;
	height: 180px;
	/* border: 1px solid black; */
	margin-bottom: 50px;
	background-color: white;
}

#histogram #title3 {
	display: block;
}

#histogram div {
	width: 150px;
	height: 170px;
	float: left;
	text-align: center;
}

#histogram img {
	width: 80px;
	height: 130px;
	display: block;
	margin: 0px auto;
}

#histogram div span {
	color: rgb(244, 174, 141);
}

#login_message {
	width: 600px;
	height: 160px;
	border: 1px solid black;
}

#login_message div {
	width: 250px;
	height: 160px;
	float: left;
	margin: 0px auto;

}

#login_message div img {
	width: 50px;
	height: 50px;
	margin: 0px auto;
	position: -20px 30px;

}

#login_message .time {
	float: right;


}